<template>
    <div id="dispatchOrder">
        <router-view></router-view>

        <DispatchOrderListContentView status="0" :isMaster="true" v-show="active === '待派单'"></DispatchOrderListContentView>
        <DispatchOrderListContentView status="1" :isMaster="true" v-show="active === '已派单'"></DispatchOrderListContentView>


        <div class="vantabs-fixed">
            <van-tabs
                    @click="onClick"
                    :swipe-threshold=5
                    id="van-tabs"
                    color="#121C32"
                    line-width="1.333rem"
                    v-model="active"
            >
                <van-tab title="待派单" name="待派单"></van-tab>
                <van-tab title="已派单" name="已派单"></van-tab>


            </van-tabs>
        </div>
    </div>
</template>

<script>
    import DispatchOrderListContentView from "./components/DispatchOrder/DispatchOrderListContentView";

    export default {
        name: "DispatchOrder",
        data() {
            return {
                active: "待派单",
            };
        },
        components:{
            DispatchOrderListContentView
        }
    }
</script>

<style scoped>
#dispatchOrder{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    overflow: auto;
    background-color: #f6f8fb;
}
.vantabs-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
}

#van-tabs >>> .van-tab {
    color: #7a8491;
    font-family: "PingFangSC-Regular";
    font-size: 0.9333333333333333rem;
    font-size: 0.9333333333333333rem;
}

#van-tabs >>> .van-tab--active {
    color: #020433;
    font-family: "PingFangSC-Medium";
    font-size: 0.9333333333333333rem;
}
</style>